<script setup lang="ts">
import { ref } from 'vue'

// iphoneX以上机型底部安全距离
const safeHeight = ref(0)

uni.getSystemInfo({
    success: (res) => {
        if (res.safeAreaInsets) {
            safeHeight.value = res.safeAreaInsets.bottom
        }
    },
})
</script>

<template>
    <view :style="{ height: `${50 + safeHeight}px` }"> </view>
</template>

<style lang="scss" scoped></style>
